forum

home / developersection / forums / how can use upload image control in asp.net ?

Ask Question

How can use upload image control in asp.net ?

Anonymous User 924 07-Sep-2019

Without using SQL Database...

c# c#  asp.net  oops 
Updated on 07-Sep-2019
Anonymous User

Technical Content writer

I am a content writter !

Message
Can you answer this question?
Answer

1 Answers

Anonymous User

Anonymous User

07-Sep-2019

Step 1. Open visual studio and select a webform

How can use upload image control in asp.net ?

Code for abc.cs (Name of Page)

using System;

using System.Linq;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

using System.IO;

using System.Collections.Generic;



public partial class CS : System.Web.UI.Page

{

    protected void Page_Load(object sender, EventArgs e)

    {

        if (!IsPostBack)

        {

            string[] filePaths = Directory.GetFiles(Server.MapPath("~/Images/"));

            List<ListItem> files = new List<ListItem>();

            foreach (string filePath in filePaths)

            {

                string fileName = Path.GetFileName(filePath);

                files.Add(new ListItem(fileName, "~/Images/" + fileName));

            }

            GridView1.DataSource = files;

            GridView1.DataBind();

        }

    }

    protected void Upload(object sender, EventArgs e)

    {

        if (FileUpload1.HasFile)

        {

            string fileName = Path.GetFileName(FileUpload1.PostedFile.FileName);

            FileUpload1.PostedFile.SaveAs(Server.MapPath("~/Images/") + fileName);

            Response.Redirect(Request.Url.AbsoluteUri);

        }

    }

}

Step 2.  Code for abc.aspx

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="CS.aspx.cs" Inherits="CS" %>



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

    <title></title>

</head>

<body>

    <form id="form1" runat="server">

    <asp:FileUpload ID="FileUpload1" runat="server" />

    <asp:Button ID="btnUpload" runat="server" Text="Upload" OnClick="Upload" />

    <hr />

    <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="false" ShowHeader="false">

        <Columns>

            <asp:BoundField DataField="Text" />

            <asp:ImageField  DataImageUrlField="Value" ControlStyle-Height="100" ControlStyle-Width="100" />

        </Columns>

    </asp:GridView>

    </form>

</body>

</html>

Step 3. Add an Image folder in solution explorer

How can use upload image control in asp.net ?

Its use for only practice.

Keep on reading....Thank you !! 

advertising
advertising

Liked By

We use cookies to ensure you have the best browsing experience on our website. By using our site, you acknowledge that you have read and understood our Cookie Policy & Privacy Policy